/*
 * 注意!!!: 已经写的页面不修改原子类了， 新的原子类统一使用Unocss
 */
.none {
    display: none;
}

.forbid {
    /* 火狐 */

    /* webkit浏览器 */

    /* IE10 */

    /* 早期浏览器 */
    user-select: none;
}
// flex
.flex {
    display: flex;
    // flex-direction: column;
}

.flex-column {
    display: flex;
    flex-direction: column; /* 设置元素内弹性盒元素的方向为相反的顺序 */
}

.flex-row {
    display: flex;
    flex-direction: row;
}

.flex-wrap {
    flex-wrap: wrap; /* 让弹性盒元素在必要的时候拆行 */
}

.jc-between {
    justify-content: space-between; /* 两端对齐 */
}

.jc-around {
    justify-content: space-around; /* 两端有间距 */
}

.jc-center {
    justify-content: center; /* 水平居中 */
}

.jc-start {
    justify-content: flex-start;
}

.jc-end {
    justify-content: flex-end; /* 水平右中 */
}

.ai-center {
    align-items: center; /* 垂直居中 */
}

.ai-end {
    align-items: flex-end; /* 垂直向尾对齐 */
}

.ai-start {
    align-items: flex-start; /* 垂直向头对齐 */
}

.ta-center {
    text-align: center;
}

.fx1 {
    flex: 1;
}

.flex-grow {
    flex-grow: 1;
}

.flex-wap {
    flex-wrap: wrap;
}

.flex-nowap {
    flex-wrap: nowrap;
}

.hidden {
    overflow: hidden;
}
// color
.c-1A1A1A {
    color: #1a1a1a;
}

.c-475669 {
    color: #475669;
}

.c-35404F {
    color: #35404f;
}

.c-4876F9 {
    color: #4876f9;
}

.c-FA5050 {
    color: #fa5050;
}

.c-1B1B20 {
    color: #1b1b20;
}

.c-white {
    color: white;
}

.c-303133 {
    color: #303133;
}

.c-142535 {
    color: #142535;
}

.c-606266 {
    color: #606266;
}

.c-A8ABB2 {
    color: #a8abb2;
}

.s-ff764f {
    stroke: #ff764f;
}

.c-ff764f {
    color: #ff764f;
}

.c-red {
    color: red;
}

.c-blue {
    color: #1890ff;
}

.c-text {
    color: #1b1b20;
}

.c-text2 {
    color: #4a4a50;
}

.c-text3 {
    color: #8b8b90;
}

.c-text-disabled {
    color: #c9c9cd;
}

.bg-white {
    background: #fff;
}

.bg-dbdbdb {
    background: rgb(27 27 32 / 4%);
}
// align
.tal {
    text-align: left;
}

.tac {
    text-align: center;
}

.tar {
    text-align: right;
}
// font-size
.f12 {
    font-size: 12px;
}

.f14 {
    font-size: 14px;
}

.f16 {
    font-size: 16px;
}

.f18 {
    font-size: 18px;
}

.f20 {
    font-size: 20px;
}

.f24 {
    font-size: 24px;
}

.f28 {
    font-size: 28px;
}

.f30 {
    font-size: 30px;
}

.f32 {
    font-size: 32px;
}

// font-weight
.fw700 {
    font-weight: 700;
}

.fw500 {
    font-weight: 500;
}

// box
.lh40 {
    line-height: 40px;
}

.mr4 {
    margin-right: 4px;
}

.ml5 {
    margin-left: 5px;
}

.mb5 {
    margin-bottom: 5px;
}

.mt6 {
    margin-top: 6px;
}

.mr8 {
    margin-right: 9px;
}

.mt8 {
    margin-top: 8px;
}

.mb8 {
    margin-bottom: 8px;
}

.mr9 {
    margin-right: 9px;
}

.ml9 {
    margin-left: 9px;
}

.mb10 {
    margin-bottom: 10px;
}

.mr10 {
    margin-right: 10px;
}

.mt10 {
    margin-top: 10px;
}

.mb12 {
    margin-bottom: 12px;
}

.mt16 {
    margin-top: 16px;
}

.mb16 {
    margin-bottom: 20px;
}

.mb18 {
    margin-bottom: 18px;
}

.ml20 {
    margin-left: 20px;
}

.mr20 {
    margin-right: 20px;
}

.mt20 {
    margin-top: 20px;
}

.mb20 {
    margin-bottom: 20px;
}

.mr24 {
    margin-right: 24px;
}

.ml30 {
    margin-left: 30px;
}

.mr30 {
    margin-right: 30px;
}

.m30 {
    margin: 30px;
}

.mb30 {
    margin-bottom: 30px;
}

.mt40 {
    margin-top: 40px;
}

.mb50 {
    margin-bottom: 50px;
}

.mt50 {
    margin-top: 50px;
}

.mt70 {
    margin-top: 70px;
}

.ml85 {
    margin-left: 85px;
}

.mr85 {
    margin-right: 85px;
}

.ml100 {
    margin-left: 100px;
}

.p10 {
    padding: 10px;
}

.pt10 {
    padding-top: 10px;
}

.pb10 {
    padding-bottom: 10px;
}

.pr10 {
    padding-right: 10px;
}

.pl10 {
    padding-left: 10px;
}

.pl20 {
    padding-left: 20px;
}

.pl150 {
    padding-left: 150px;
}

.pt20 {
    padding-top: 20px;
}

.pb5 {
    padding-bottom: 5px;
}

.pt5 {
    padding-top: 5px;
}

.mb24 {
    margin-bottom: 24px;
}

.w49_5p {
    width: 49.5%;
}

.w50p {
    width: 50%;
}

.w400px {
    width: 400px;
}

.w100p {
    width: 100%;
}

.minh500 {
    min-height: 500px;
}

// other
.pointer {
    cursor: pointer;
}

.text-ep {
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap;
}

.text-ep-3 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

// 自定义
.dialog-footer {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
